<template>
    <div>
        <a-descriptions :column="1" bordered>
            <a-descriptions-item v-for="item in groupAttrs" :key="item.groupName" :label="item.groupName">
                <a-form
                    :model="props.groupAttrs">
                    <a-form-item v-for="attr in item.attrs" :key="attr.attrName" :label="attr.attrName">
                        <div style="color: #d6d3d3;margin-left: 10px">{{ attr.attrValue }}</div>
                    </a-form-item>
                </a-form>
            </a-descriptions-item>
        </a-descriptions>
    </div>
</template>

<script lang="ts" setup>
import { SpuItemAttrGroupBo } from "@/model/ProductModel.ts";

//本组件需要的默认属性
const props = defineProps<{ groupAttrs: SpuItemAttrGroupBo[] }>();
</script>

<style lang="scss" scoped>

</style>